<template>
    <layout-apge>
        <!-- 初始化页面 -->
        <init-page v-if="pageStatus === 'init'" :navBarShowLeft="false" navBarTitle="我的"></init-page>
        <!-- 空页面 -->
        <empty-page v-else-if="pageStatus === 'empty'" :navBarShowLeft="false" navBarTitle="我的"></empty-page>
        <!-- 错误页面 -->
        <error-page v-else-if="pageStatus === 'error'" scene="tab" :navBarShowLeft="false" navBarTitle="我的"></error-page>
        <!-- normal 页面 -->
        <view v-else class="mine"> 我的</view>
    </layout-apge>
</template>

<script>
export default {
    data() {
        return {
            pageStatus: 'init' // 页面状态  init：初始化 ，empty：空页面，error：错误页面 ，normal：正常页面
        };
    },
    created() {
        // 用户信息
        setTimeout(() => {
            this.pageStatus = 'normal';
        }, 2000);
    },

    methods: {}
};
</script>

<style lang="scss" scoped>
.mine {
    min-height: 100vh;
    background: #f5f8fa;
}
</style>
